<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品中心</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/commom.css">
    <link rel="stylesheet" href="../css/product.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="w">
            <div class="logo"></div>
            <ul class="list">
                <li class="item la active">
                    <a href="index.html" target="_parent">首页</a>
                    <span class="line"></span>
                </li>
                <li class="item">
                    <a href="project.html" target="_parent">项目</a>
                    <span class="line"></span>
                </li><li class="item  active">
                    <a href="product.html" target="_parent">产品</a>
                    <span class="line"></span>
                </li><li class="item">
                    <a href="service.html" target="_parent">服务</a>
                    <span class="line"></span>
                </li><li class="item">
                    <a href="new.html" target="_parent">新闻</a>
                    <span class="line"></span>
                </li><li class="item">
                    <a href="about.html" target="_parent">关于</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>
    </div>
    <!-- banner -->
    <div class="w">
        <div class="banner">
        </div>    
    </div>
    <div class="w">
         <!-- 下方头部 -->
         <div class="top-menu special" id="bed">
            <div class="public-title">您的位置：产品
                <img src="../img/rarr.png" alt="">
                <a href="">产品中心</a>
            </div>
            <!-- 菜单栏 -->
            <div class="public move">
                <ul class="list">
                    <li class="item active">
                        <a href="#bed">床
                            <span class="line"></span>
                        </a>
                        <span>|</span>
                    </li>
                    
                    <li class="item">
                        <a href="#sofe">沙发
                            <span class="line"></span>
                        </a>
                        <span>|</span>
                    </li>       
                    <li class="item">
                        <a href="#desk">桌椅
                            <span class="line"></span>
                        </a>
                        <span>|</span>
                    </li>       
                    <li class="item">
                        <a href="clothes">衣柜
                            <span class="line"></span>
                        </a>
                        <span>|</span>
                    </li>       
                    <li class="item">
                        <a href="#light" class="la">灯
                            <span class="line"></span>
                        </a>
                    </li>       
                </ul>   
            </div>
         </div>              
    </div>
    <div class="w">
        <!-- 产品展示中心 -->
        <div class="prcenter">
            <div class="productsec">
                <div class="bigitem">
                    <img src="../img/01.jpg" alt="">
                    <div class="mask">
                        <div class="line"></div>
                        <div class="math">01</div>
                        <p class="desc-m">
                            PEMBERLY ROW <br>
                            软垫加州特大号床板ZUMA PUMICE
                        </p>
                    </div>
                    <p class="desc">
                        PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE
                    </p>                 
                </div>
                <div class="bigitem">
                    <img src="../img/02.jpg" alt="">
                    <div class="mask">
                        <div class="line"></div>
                        <div class="math">02</div>
                        <p class="desc-m">
                            SOLOMAN <br>
                            中世纪浅米色面料平台床
                        </p>
                    </div>
                    <p class="desc">
                        SOLOMAN <br>
                        中世纪浅米色面料平台床
                    </p>
                </div> 
                <div class="bigitem">
                    <img src="../img/03.jpg" alt="">
                    <div class="mask">
                        <div class="line"></div>
                        <div class="math">03</div>
                        <p class="desc-m">
                            CHESTER <br>
                            簇绒天鹅绒特大号床
                        </p>
                    </div>
                    <p class="desc">
                        CHESTER <br>
                        簇绒天鹅绒特大号床
                    </p>
                </div> 
                <div class="bigitem">
                    <img src="../img/04.jpg" alt="">
                    <div class="mask">
                        <div class="line"></div>
                        <div class="math">04</div>
                        <p class="desc-m">
                            HAWTHORNE <br>
                             女王平台床
                        </p>
                    </div>
                    <p class="desc">
                        HAWTHORNE <br>
                         女王平台床
                    </p>
                </div>                              
                <div class="bigitem">
                    <img src="../img/05.jpg" alt="">
                    <div class="mask">
                        <div class="line"></div>
                        <div class="math">05</div>
                        <p class="desc-m">
                            HENRY MID-CENTURY <br>
                            现代软垫平台床
                    </div>
                    <p class="desc">
                        HENRY MID-CENTURY <br>
                        现代软垫平台床
                    </p>
                </div> 
                <div class="bigitem">
                    <img src="../img/06.jpg" alt="">
                    <div class="mask">
                        <div class="line"></div>
                        <div class="math">06</div>
                        <p class="desc-m">
                            MODBERG <br>
                            墨西拿灰色生态床
                        </p>
                    </div>
                    <p class="desc">
                        MODBERG <br>
                        墨西拿灰色生态床
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- 第一行 -->
    <div class="w">
        <!-- 下方头部 -->
        <div class="top-menu" id="sofe">
           <div class="public-title">您的位置：产品
               <img src="../img/rarr.png" alt="">
               <a href="">产品中心</a>
           </div>
           <!-- 菜单栏 -->
           <div class="public move">
               <ul class="list">
                   <li class="item">
                       <a href="#bed">床
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>
                   
                   <li class="item active">
                       <a href="#sofe">沙发
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item">
                       <a href="#desk">桌椅
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item">
                       <a href="#clothes">衣柜
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item">
                       <a href="#light" class="la">灯
                           <span class="line"></span>
                       </a>
                   </li>       
               </ul>   
           </div>
        </div>              
   </div>
   <div class="w">
       <!-- 产品展示中心 -->
       <div class="prcenter">
           <div class="productsec">
               <div class="bigitem">
                   <img src="../img/pr1l.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">01</div>
                       <p class="desc-m">
                        OUTDOOR <br>
                        户外庭院沙发
                       </p>
                   </div>
                   <p class="desc">
                    OUTDOOR <br>
                    户外庭院沙发
                   </p>                 
               </div>
               <div class="bigitem">
                   <img src="../img/pr1m.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">02</div>
                       <p class="desc-m">
                        HAMPTON <br>
                        汉普顿客厅套装
                       </p>
                   </div>
                   <p class="desc">
                    HAMPTON <br>
                       汉普顿客厅套装
                   </p>
               </div> 
               <div class="bigitem">
                   <img src="../img/pr1r.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">03</div>
                       <p class="desc-m">
                        PREMIER <br>
                        总统客厅套装
                       </p>
                   </div>
                   <p class="desc">
                    PREMIER <br>
                    总统客厅套装
                   </p>
               </div>
            </div>
        </div>
    </div>
    <div class="w">
        <!-- 下方头部 -->
        <div class="top-menu" id="desk">
           <div class="public-title">您的位置：产品
               <img src="../img/rarr.png" alt="">
               <a href="">产品中心</a>
           </div>
           <!-- 菜单栏 -->
           <div class="public move">
               <ul class="list">
                   <li class="item">
                       <a href="#bed">床
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>
                   
                   <li class="item">
                       <a href="#sofe">沙发
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item  active">
                       <a href="#desk">桌椅
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item">
                       <a href="#clothes">衣柜
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item">
                       <a href="#light" class="la">灯
                           <span class="line"></span>
                       </a>
                   </li>       
               </ul>   
           </div>
        </div>              
   </div>
   <!-- 第二行 -->
   <div class="w">
       <!-- 产品展示中心 -->
       <div class="prcenter">
           <div class="productsec">
               <div class="bigitem">
                   <img src="../img/pr2l.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">01</div>
                       <p class="desc-m">
                        FILTON <br>
                        绗缝皮革柜台凳
                       </p>
                   </div>
                   <p class="desc">
                    FILTON<br>
                    绗缝皮革柜台凳
                   </p>                 
               </div>
               <div class="bigitem">
                   <img src="../img/pr2m.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">02</div>
                       <p class="desc-m">
                        ASHFORD SEAN <br>
                        深色帆布G柜台凳
                       </p>
                   </div>
                   <p class="desc">
                    ASHFORD SEAN <br>
                    深色帆布G柜台凳
                   </p>
               </div> 
               <div class="bigitem">
                   <img src="../img/pr2r.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">03</div>
                       <p class="desc-m">
                        MARIETTE<br>
                        玛丽埃塔户外铸铝黑沙套件
                       </p>
                   </div>
                   <p class="desc">
                    MARIETTE <br>
                    玛丽埃塔户外铸铝黑沙套件
                   </p>
               </div> 
            </div>
        </div>
    </div>
    <!-- 第三行 -->
    <div class="w">
        <!-- 下方头部 -->
        <div class="top-menu" id="clothes">
           <div class="public-title">您的位置：产品
               <img src="../img/rarr.png" alt="">
               <a href="">产品中心</a>
           </div>
           <!-- 菜单栏 -->
           <div class="public move">
               <ul class="list">
                   <li class="item">
                       <a href="#bed">床
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>
                   
                   <li class="item">
                       <a href="#sofe">沙发
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item">
                       <a href="#desk">桌椅
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item   active">
                       <a href="#clothes">衣柜
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item">
                       <a href="#light" class="la">灯
                           <span class="line"></span>
                       </a>
                   </li>       
               </ul>   
           </div>
        </div>              
   </div>
   <div class="w">
       <!-- 产品展示中心 -->
       <div class="prcenter">
           <div class="productsec">
               <div class="bigitem">
                   <img src="../img/pr3l.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">01</div>
                       <p class="desc-m">
                        MANHATTAN <br>
                        曼哈顿现代白色衣橱
                       </p>
                   </div>
                   <p class="desc">
                    MANHATTAN <br>
                    曼哈顿现代白色衣橱
                   </p>                 
               </div>
               <div class="bigitem">
                   <img src="../img/pr3m.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">02</div>
                       <p class="desc-m">
                        MAGNUSSEN <br>
                        LANCASTER燕尾灰衣橱
                       </p>
                   </div>
                   <p class="desc">
                    MAGNUSSEN<br>
                    LANCASTER燕尾灰衣橱
                   </p>
               </div> 
               <div class="bigitem">
                   <img src="../img/pr3r.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">03</div>
                       <p class="desc-m">
                        SOUTH SHORE <br>
                        AXESS ARMOIRE黑色绅士衣橱
                       </p>
                   </div>
                   <p class="desc">
                    SOUTH SHORE<br>
                    AXESS ARMOIRE黑色绅士衣橱
                   </p>
               </div>
            </div> 
        </div>
    </div>
    <!-- 第四航 -->
    <div class="w">
        <!-- 下方头部 -->
        <div class="top-menu" id="light">
           <div class="public-title">您的位置：产品
               <img src="../img/rarr.png" alt="">
               <a href="">产品中心</a>
           </div>
           <!-- 菜单栏 -->
           <div class="public move">
               <ul class="list">
                <li class="item">
                    <a href="#bed">床
                        <span class="line"></span>
                    </a>
                    <span>|</span>
                </li>
                   
                   <li class="item">
                       <a href="#
                       sofe">沙发
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item">
                       <a href="#desk">桌椅
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item">
                       <a href="#clothes">衣柜
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item active">
                       <a href="#light" class="la">灯
                           <span class="line"></span>
                       </a>
                   </li>       
               </ul>   
           </div>
        </div>              
   </div>
   <div class="w">
       <!-- 产品展示中心 -->
       <div class="prcenter spa">
           <div class="productsec">
               <div class="bigitem">
                   <img src="../img/pr4l.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">01</div>
                       <p class="desc-m">
                        5-LIGHT<br>
                        油擦青铜枝形吊灯
                       </p>
                   </div>
                   <p class="desc">
                    5-LIGHT <br>
                    油擦青铜枝形吊灯
                   </p>                 
               </div>
               <div class="bigitem">
                   <img src="../img/pr4m.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">02</div>
                       <p class="desc-m">
                        ZEPLIN 12-LIGHT  <br>
                        SPUTNIK枝形吊灯
                       </p>
                   </div>
                   <p class="desc">
                    ZEPLIN 12-LIGHT  <br>
                    SPUTNIK枝形吊灯
                   </p>
               </div> 
               <div class="bigitem">
                   <img src="../img/pr4r.jpg" alt="">
                   <div class="mask">
                       <div class="line"></div>
                       <div class="math">03</div>
                       <p class="desc-m">
                        MOUSSE<br>
                        现代枝形吊灯米白色灯罩
                       </p>
                   </div>
                   <p class="desc">
                    MOUSSE<br>
                    现代枝形吊灯米白色灯罩
                   </p>
               </div>
            </div> 
        </div>
    </div>
    <!-- 底部 -->
    <!-- 底部 -->
    <div class="footer">
        <div class="box">
            <div class="content">
                <p>简设装饰有限公司</p>
                <div>
                    <img src="../img/微博icon.png" alt="">
                    <img src="../img/微信icon.png" alt="">
                    <img src="../img/qqicon.png" alt="">
                </div>
            </div>
            <div class="content">
                 <p>地址：中国地区**分区6号写字楼888室</p>
                 <p>电话：688-8888-008</p> 
                 <p>传真：000-66668888</p>
             </div>
             <div class="content">
                 <p>邮编：100000 </p>
                 <p>手机：186-6006-8008</p> 
                 <p>邮箱：00060008@163.com</p>
             </div>
        </div>
    </div>
</body>
</html>